<template>
  <div class="app-main-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane
        :label="translate('hylb')"
        name="0"
      ><MemberList
        v-if="activeTab === '0'"
        :meta="meta"
      /></el-tab-pane>
      <el-tab-pane
        v-if="meta.indexOf('VipRechargeList') > -1"
        :label="translate('kkczjl')"
        name="1"
      ><RechargeList
        v-if="activeTab === '1'"
        :meta="meta"
      /></el-tab-pane>
      <el-tab-pane
        v-if="meta.indexOf('VipTransferHistory') > -1"
        :label="translate('zzjl')"
        name="2"
      ><VipTransferHistory
        v-if="activeTab === '2'"
        :meta="meta"
      /></el-tab-pane>
      <!-- <el-tab-pane v-if="meta.indexOf('MemberWithdrawalRecord') > -1" label="提现记录" name="3"><WithDrawRecord v-if="activeTab === '3'" :meta="meta" /></el-tab-pane> -->
      <el-tab-pane
        v-if="meta.indexOf('MemberMoneyRecordAll') > -1"
        :label="translate('yebdjl')"
        name="4"
      ><ConsumerRecord
        v-if="activeTab === '4'"
        :meta="meta"
      /></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import MemberList from './tabs/memberList.vue'
import RechargeList from './tabs/vipRechargeList/index.vue'
import VipTransferHistory from './tabs/vipTransferHistory/index.vue'
import WithDrawRecord from './tabs/withDrawRecord/index.vue'
import ConsumerRecord from './tabs/consumerRecord/index.vue'
export default {
  name: 'VipList',
  components: {
    MemberList,
    RechargeList,
    VipTransferHistory,
    WithDrawRecord,
    ConsumerRecord
  },
  data() {
    return {
      activeTab: '0',
      meta: []
    }
  },
  created() {
    this.meta = this.$route.meta.buttons || []
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>
